<!doctype html>
<html>
	<head>
		<title>日志界面</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" type="text/css" href="rizhistyle.css"/>
		<script>

			function checktime(i){
				if(i<10)
					i="0"+i;
				return i;
			}
			
			function updatetime(){
				
				var date = new Date;
				
				var time = checktime(date.getHours())+":"+checktime(date.getMinutes());
				var mon = date.getMonth()+1;
				var day = date.getFullYear()+"/"+mon+"/"+date.getDate();
				
				document.getElementById("time").innerHTML=time;
				document.getElementById("date").innerHTML=day;
			}			
			
			setInterval("updatetime()",1000);
		</script>
	</head>
	<body>
	<nav>
		<ul>
			<li><a href="">Module 1</a>
				<ul>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
				</ul>
			</li>
			
			<li><a href="">Module 2</a>
				<ul>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
				</ul>
			</li>
			
			<li><a href="">Module 3</a>
				<ul>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
				</ul>
			</li>
			
			<li><a href="">Module 4</a>
				<ul>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
					<li><a href="">Coldplayer</a></li>
				</ul>
			</li>
		</ul>
	</nav>
		<section>
			<h3>Article</h3>
			<h4>title</h4>
			<article>
				Content
			</article>
			
		</section>	
		
		<div id="clock">
			<a href=""><h2>Log off</h2></a>	
			<h1 id="time"></h1>
			<h3 id="date"></h3>
		</div>
		
		<div id="infor">
			Information
		</div>
		
		<aside>
			<h2>The newest record</h2>
			<ul>
				<li><a href="">Coldplayer------------------------14.06.01 17:45</a></li>
				<li><a href="">Coldplayer------------------------14.06.01 17:45</a></li>
				<li><a href="">Coldplayer------------------------14.06.01 17:45</a></li>
				<li><a href="">Coldplayer------------------------14.06.01 17:45</a></li>
				<li><a href="">Coldplayer------------------------14.06.01 17:45</a></li>
				<li><a href="">Coldplayer------------------------14.06.01 17:45</a></li>
				<li><a href="">Coldplayer------------------------14.06.01 17:45</a></li>
				<li><a href="">Coldplayer------------------------14.06.01 17:45</a></li>
			</ul>
		</aside>
		
		<footer>
			<h3>Comment</h3>
			<div>
				123123
			</div>
			<div>
				123456
			</div>
			
			<div>
				123456
			</div>
		</footer>
		
		<div id="comment">
			<h3>Your Comment</h3>
			<form>
			<textarea>
				
			</textarea>
			<input type="submit" value="Submit" class="ins"/>
			<input type="reset" value="Reset" class="ins"/>
			</form>
			
		</div>	
		
	</body>
</html>